<!--
 * @Author: 王鹏 2911783749@qq.com
 * @Date: 2022-11-07 09:04:54
 * @LastEditors: 王鹏 2911783749@qq.com
 * @LastEditTime: 2022-11-08 21:09:02
 * @FilePath: \vue3Mixiu\code\src\views\Home.vue
 * @Description: 主页
-->
<template>
    <el-container class="home">
      <el-header>
        <HeadNav/>
      </el-header>
      <el-container class="body">
        <el-aside width="200px" height="100%">
            <leftMenu/>
        </el-aside>
        <el-main height="100%">
          <router-view></router-view>
        </el-main>
      </el-container>
    </el-container>
</template>
<script lang="ts" setup>
// 引入路由
import router from '../router/index'
// @ts-ignore
import HeadNav from '../components/HeadNav.vue'
// @ts-ignore
import leftMenu from '../components/LeftMenu.vue'
// @ts-ignore
components:{HeadNav,leftMenu}
</script>
<style>
   .el-header{
    padding: 0;
   }
   .home{
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
   }
   .body{
    flex: 1;
    /* flex: none; */
   }
   .el-main{
    padding: 0;
   }
</style>
